<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <meta http-equiv="x-ua-compatible" content="ie=edge" />
        <title>dialog demo 4</title>
        <link type="text/css" rel="stylesheet"  href="../highlight/shCore.css"/>
        <link type="text/css" rel="stylesheet" href="../style/avalon.doc.css"/>
        <script src="../highlight/shCore.js"></script>
        <script src="../../avalon.js"></script>
    </head>
    <body>
        <div class="wrapper">
            <h1>dialog demo 4</h1>
            <p class="example">层上层的弹窗demo</p>
            <p><span class="useDescription">说明：</span>当需要在已经show的弹窗中再弹出弹窗的话，可以嵌套dialog，嵌套的dialog是通过不断调整遮罩层的z-index来共用一个遮罩层从而达到层上层的效果</p>

            <div class="demo-show" ms-controller="demo">
                <fieldset>
                    <legend>层上层的dialog</legend>
                    <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>
                    <br />
                    <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>
                    <br />
                    <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>
                    <br />
                    <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>
                    <button ms-click="show('ss')">打开对话框</button>
                    <aoyou:dialog $id="ss" config="$ssOpts" $slot="content">
                        <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>

                        <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>

                        <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>

                        <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>

                        <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>

                        <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>

                        <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>

                        <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>

                        <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>

                        <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>
                        <button ms-click="show('gg')">打开对话框</button>
                        <aoyou:dialog $id="gg" config="$ggOpts" $slot="content">
                            换回来后就会很快更快更好感觉回来了黄金客户
                            发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                            <button ms-click="show('mm')">打开对话框</button>
                            <aoyou:dialog $id="mm" config="$mmOpts" $slot="content">
                                哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈
                            </aoyou:dialog>
                        </aoyou:dialog>
                    </aoyou:dialog>
                    <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>
                    <br />
                    <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>
                    <br />
                    <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>
                    <br />
                    <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>
                    <br />
                    <p>呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人</p>
                </fieldset>
                <script>
                    require(["./component/dialog/avalon.dialog"], function () {
                        avalon.define({
                            $id: "demo",
                            show: function (id) {
                                avalon.vmodels[id].toggle = true;
                            },
                            $ssOpts: {
                                title: "层上层的dialog",
                                onConfirm: function () {
                                    alert("submit success !");
                                }
                            },
                            $ggOpts: {
                                title: "gg dialog,在ss dialog之上",
                                showClose: false
                            },
                            $mmOpts: {
                                title: "mm dialog 的tittle",
                                onConfirm: function () {
                                    alert("确定操作，完成之后关闭弹窗");
                                },
                                onClose: function () {
                                    alert("取消操作，完成之后关闭弹窗");
                                }
                            }
                        })

                        avalon.scan();
                    })
                </script>
            </div>
            <div ms-skip>
                <pre class="brush: javascript; gutter: false; toolbar: false">
                &lt;!DOCTYPE HTML&gt;
                &lt;html&gt;
                &lt;head&gt;
                    &lt;meta charset='utf-8'/&gt;
                    &lt;title&gt;层上层的弹窗demo&lt;/title&gt;
                    &lt;script src='avalon.js'&gt;&lt;/script&gt;
                &lt;/head&gt;
                &lt;body&gt;
                    &lt;div class="demo-show" ms-controller="demo"&gt;
                        &lt;fieldset&gt;
                            &lt;legend&gt;层上层的dialog&lt;/legend&gt;
                            &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;
                            &lt;br /&gt;
                            &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;
                            &lt;br /&gt;
                            &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;
                            &lt;br /&gt;
                            &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;
                            &lt;button ms-click="show('ss')"&gt;打开对话框&lt;/button&gt;
                            &lt;aoyou:dialog $id="ss" config="$ssOpts" $slot="content"&gt;
                                &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;

                                &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;

                                &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;

                                &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;

                                &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;

                                &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;

                                &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;

                                &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;

                                &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;

                                &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;
                                &lt;button ms-click="show('gg')"&gt;打开对话框&lt;/button&gt;
                                &lt;aoyou:dialog $id="gg" config="$ggOpts" $slot="content"&gt;
                                    换回来后就会很快更快更好感觉回来了黄金客户
                                    发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人
                                    &lt;button ms-click="show('mm')"&gt;打开对话框&lt;/button&gt;
                                    &lt;aoyou:dialog $id="mm" config="$mmOpts" $slot="content"&gt;
                                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈
                                    &lt;/aoyou:dialog&gt;
                                &lt;/aoyou:dialog&gt;
                            &lt;/aoyou:dialog&gt;
                            &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;
                            &lt;br /&gt;
                            &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;
                            &lt;br /&gt;
                            &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;
                            &lt;br /&gt;
                            &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;
                            &lt;br /&gt;
                            &lt;p&gt;呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人发送到发送到发生发生地方撒旦法撒旦法师打发沙发垫发大水发撒旦飞洒发沙发沙发上大发发送到发送到发大水发送发生地方撒旦法撒旦法撒旦任务二期为热情污染物而犬瘟热日期日期额外人全文尔特我去惹人&lt;/p&gt;
                        &lt;/fieldset&gt;
                        &lt;script&gt; 
                            require(["dialog/avalon.dialog"], function(avalon) {
                                avalon.define("demo", function(vm) {
                                    vm.show = function( id ){
                                        avalon.vmodels[id].toggle = true;
                                    }
                                    vm.$ssOpts = {
                                        title: "层上层的dialog",
                                        onConfirm: function() {
                                            alert("submit success !");
                                        }
                                    };
                                    vm.$ggOpts = {
                                        title: "gg dialog,在ss dialog之上",
                                        showClose: false
                                    };
                                    vm.$mmOpts = {
                                        title: "mm dialog 的tittle",
                                        onConfirm: function() {
                                            alert("确定操作，完成之后关闭弹窗");
                                        },
                                        onClose: function() {
                                            alert("取消操作，完成之后关闭弹窗");
                                        }
                                    };
                                })
                                avalon.scan();
                            })
                        &lt;/script&gt;
                    &lt;/div&gt;
                &lt;/body&gt;
                &lt;/html&gt;
                </pre>
            </div>
        </div>
    </body>
</html>

